Android Web article: day01html and CSS Basics

Day01 HTML and CSS Basics 1.html common tags and combat 1.1 a tags

<a href="https://www.baidu.com" target="_blank">点我送福利哦！</a>// target属性值_blank表示另取空白页打开网页，用new有同样的效果

1.2 img Tag

// alt属性的值表示当图片找不到时显示的文字信息

1.3 List Labels

<ol type="I" start="1">    <li>我是天才1号</li>    <li>我是天才2号</li>    <li>我是天才3号</li>    <li>我是天才4号</li></ol><ul type="circle">    <li>我是逗逼1号</li>    <li>我是逗逼1号</li>    <li>我是逗逼1号</li>    <li>我是逗逼1号</li></ul><dl>    <dt>日记第一天</dt>        <dd>好兴奋啊要上课了</dd>    <dt>日记第二天</dt>        <dd>晚上要早点睡觉</dd>    <dt>日记第三天</dt>        <dd>真的心累啊热啊</dd></dl>/* ol(ordered list)：有序        li（list item）：列表项   ul（unordered list）：无序   dl（defined list）：自定义        dt（defined title）：自定义标题        dd（defined document）：自定义内容*/

1.4 Table Labels

<table align= "Center" border= "1" cellspacing= "0" width= "80%" > 

1.5 form Labels

<form action="#" method="get">    用户名：<input type="text" name="username"/><br/>    密码：<input type="password" name="password" /><br>    <input type="submit" value="登录" />      <br/>    <input type="radio" name="gender" value="nan" />男       <input type="radio" name="gender" value="nv" />女        <br>    <input type="checkbox" name="play" value="lanqiu" />篮球    <input type="checkbox" name="play" value="zuqiu" />足球    <input type="checkbox" name="play" value="paiqiu" />排球    <input type="checkbox" name="play" value="qiu" />乒乓球    <br>    <select name="city">        <option>深圳</option>        <option>北京</option>        <option>上海</option>    </select>   </form>

Actual combat 1:1024 Site entrance

• Let's take a look.

* The images used are as follows

• The code is as follows

  Warning/wranning

  The contents of this article may not be understood, and the contents of this article shall not be sent, read, sold, rented, handed to or lent to persons of the age of non-procedural apes to produce, broadcast or broadcast.

  This article contains material which could offernd and May is distributed, circulated, sold, hired, given, Lent, shown, Played or projected to a person under the age of years. All models is or older.

Combat 2: The Century Jiayuan registration page

• Let's take a look.

* The images used are as follows

* Code as follows

<form action= "Http://www.itheima.com/register" method= "GET" > 

2.css Use of 2.1 box model

Three selectors for 2.2 CSS

• There are three ways in which the CSS gets the div in HTML: class selector, element selector, name selector. The first is to define a class attribute in the div attribute, and then use the # to refer to the defined value in the CSS, and the second is to refer to it by using a. Div name.
• There are also three ways to import CSS styles into HTML, such as the @import URL ("Css/style.css"); get the @import url (css/style.css);

• The code is as follows

2.3 Flow-through layout

Android Web article: day01html and CSS Basics