Markup language for creating content for mobile information terminal. It is used in EZweb which can be used with au’s mobile phone. One page is handled as “card” and a group of multiple cards is called “deck”. Data is transmitted and received on a deck basis. It is not compatible with Compact HTML which is a description language for the same portable information terminal.
What is an escape sequence (escape character)?
An escape sequence is a special character string that controls character output, such as character color change, cursor movement, and character deletion, when outputting characters on the screen, rather than outputting the characters themselves.
In addition to the information that people can recognize as “character”, information other than “characters” such as control characters and character editing information on the OS is also included a s character information used in the OS. These characters are sometimes called “special characters”. An escape sequence exists for this special character to let people enter characters and tell it to the OS.
Typical escape sequences include the following characters.
\a : bell character(alert) \b : return one character \f : page feed(clear) \n : line feed, return \r : back to the beginning of the same line \t : horizontal tab \v : vertical tab \\ : show \ \' : single quotation mark \" : double quotation mark \0 : null
Linux $ source
“source” is a command to execute the command described in the file.
list.txt
echo Hello
[vagrant@localhost tests]$ ls
index.php list.txt test.php tinymce
[vagrant@localhost tests]$ source list.txt
Hello
wow.
isExist APP ~ "pgrep httpd" if [[ -n $isExist App ]]i then service httpd stop fi
あああああああああ、シェルスクリプト勉強しなきゃ。。。駄目だ、時間がかかりすぎる。
tail -n 100 /var/log/httpd/error_log | egrep -i “WARN|ERR|FAIL|CRIT”
Can use the tail command to export the file specified in the File parameter from the specified position to standard output.
[vagrant@localhost ~]$ tail -n 100 /var/log/httpd/error_log
[Sun Feb 10 09:48:03 2019] [notice] Digest: generating secret for digest authentication …
[Sun Feb 10 09:48:03 2019] [notice] Digest: done
[Sun Feb 10 09:48:03 2019] [notice] Apache/2.2.15 (Unix) DAV/2 configured — resuming normal operations
unix permission “r w x”
Permissions are represented by nine-character strings such as rwxr-xr-x and numeric values such as 755. The 9 character string consists of r(readable), w(writable), x(executable), and hyphen(-), which have the meanings.
The commonly used permission patterns are as follows.
644
normal HTML file etc. can read and write, but group members and others can only read.
666
files to be written by CGI script, etc. Both myself and group members and others can read and write.
755
Regular directories, commands, CGI script, etc. Everyone can read and execute, but write only oneself.
777
Directory for CGI scripts to create files. Anyone can do anything. Slightly dangerous on security.
delete part of table td border：border-right-style: hidden
<table border="1"> <tr id="title"> <td colspan="3">検索条件</td> </tr> <tr> <td>hoge</td> <td></td> <td style="border-right-style: hidden;border-bottom-style: hidden;"></td> </tr> <tr> <td>hoge</td> <td>姓 名</td> </tr> <tr> <td>hoge</td> <td></td> </tr> <tr> <td>hoge</td> <td> </td> </tr> <tr> <td>hoge</td> <td> </td> </tr> <tr> <td>hoge</td> <td> </td> </tr> </table>
芸がこまけー
create menu with dl, dt, dd
html
<body>
<hr>
<div class="container">
<div class="menu">
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
<dl>
<dt>パスワード変更</dt>
<dd><a href="">パスワード変更</a></dd>
</dl>
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
</div>
<div class="main">
<p>テキストが入ります</p>
</div>
</div>
</body>
css
.menu dt {
border-bottom:1px solid gray;
border-left:1px solid gray;
padding-left: 10px;
margin-bottom:5px;
}
.menu dd {
font-size:14px;
}
view
quite better than expected
Split with content and left menu by flex box
.container {
display:flex;
margin-top:-9px;
}
.menu {
width: 200px;
height: 500px;
border-right:2px solid gray;
padding: 10px;
}
.main {
padding: 10px;
}
What? Even its more easy than I expected.
make login form css
coding a form appropriately
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ログイン｜入稿管理支援システム</title>
<link rel="stylesheet" type="text/css" href="asset/css/styles.css" />
</head>
<header>
<p><a href="index.html">Hpscript</a></p>
<nav>
<p>入稿管理支援システム</p>
</nav>
</header>
<body>
<div id="content">
<h1>ログイン</h1>
<form action="cgi-bin/hoge.cgi" method="post">
<p>
ユーザーID：<input type="text" name="login_id" size="20">
</p>
<p>
パスワード：<input type="text" name="password" size="20">
</p>
<p>
<input type="submit" value="ログイン">
</p>
</form>
</div>
</body>
</html>
In a sense this is already fine, but i want to it center.
#content {
margin-top:100px;
text-align:center;
}
#content h1{
font-size: 16px;
margin-bottom:40px;
}
well, finally reaching the point.
css: left logo and right menu
start with making parts first.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ログイン｜入稿管理支援システム</title> <link rel="stylesheet" type="text/css" href="asset/css/styles.css" /> </head> <header> <p><a href="index.html">Hpscript</a></p> <nav> <p>入稿管理支援システム</p> </nav> </header> <body> <h1>ログイン</h1> <form> <p>ユーザーID</p><br> <p>パスワード</p><br> <p>ログイン</p><br> </form> </body> </html>
fix log and menu position with “position absolute”
styles.css
header {
text-align: right;
}
header p a {
position: absolute;
font-size: 1.25em;
left: 20px;
top: 20px;
}
header nav p {
margin-top: 30px;
margin-right: 40px;
}
Could i write down a line with css?
header {
text-align: right;
}
header p a {
position: absolute;
font-size: 1.25em;
left: 20px;
top: 20px;
}
header nav p {
position: absolute;
top: 15px;
right: 20px;
width:220px;
border-bottom: 1px solid;
}
#content {
margin-top:80px;
}
fixed, it took 40 minutes to adjust this header layout, lol.
